<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Sudotu 数独游戏</title>
    <meta name="description" content="typescript, gulp, webpack打造的数独游戏" />
    <meta name="keywords" content="sudotu 数独"/>
    <meta name="viewport" content="user-scalable= no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"/>
  </head>
  <body>
    <div class="title">
      <h1>数独游戏</h1>
    </div>
    <div id="container" class="container grid"></div>
    <div id="dashboard" class="dashboard">
      <div class="buttons">
        <button type="button" id="check">检查</button>
        <button type="button" id="reset">重置</button>
        <button type="button" id="clear">清理</button>
        <button type="button" id="rebuild">新建</button>
      </div>
    </div>
    <div id="popupNumbers" class="popup-num hidden grid">
      <div class="row row-g-top">
        <span class="col-g-left">1</span><span>2</span><span class="col-g-right">3</span>
      </div>
      <div class="row">
        <span class="col-g-left">4</span><span>5</span><span class="col-g-right">6</span>
      </div>
    </div>
    <div class="row">
      <span class="col-g-left">7</span><span>8</span><span class="col-g-right">9</span>
    </div>
    <div class="row row-g-bottom">
      <span class="col-g-left mark mark1" data-mark="mark1">0</span><span class="empty">0</span><span class="col-g-right mark mark2" data-mark="mark2">0</span>
    </div>
  </body>
  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  <script src="js/index.js"></script>
</html>